<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>购物车</title>
<link rel="stylesheet" type="text/css" href="../css/style.css">
<link rel="stylesheet" type="text/css" href="../css/shopingCar.css">
</head>
<script src="../js/jquery.js"></script>
<script src="../js/main.js"></script>
<script src="../js/shopingCar.js"></script>
<body>
<div class="top-wp">
	<div class="top wp">
    	<p>
        	<a class="a1 topblock" href="#">
            	邯郸
            </a>
            <a class="a2" href="#">
            	[切换市区]
            </a>
            <a class="a3">
            	<span id="topName"></span>欢迎光临本店
            </a>
            <a class="a3" href="load.html">
            	请登录
            </a>
            <a class="a4" href="enroll.html">
            	免费注册
            </a>
            <a class="a5" href="#">
            	我的信息
            </a>
            <a class="a6" href="#">
            	我关注的店铺
            </a>
            <a class="a6" href="shopingCar.html">
            	购物车
            </a>
            <a class="a7 topblock" href="#">
            	收藏夹
            </a><span>|</span>
            <a class="a8 topblock" href="#">
            	手机版
            </a>
            <a class="a9 topblock" href="#">
            	商家支持
            </a>
            <a class="a10 topblock"  href="#">
            	网站导航
            </a>
        </p>
        <!-----------------滑动选项卡部分----------------------->
        <div id="add" class="topnone">
        	<p class="addh">
            	你当前的地址为：<span id='addchecked'>邯郸</span>
            </p>
            <ul>
            	<li><a href="#">石家庄</a></li>
                <li><a href="#">保定</a></li>
                <li><a href="#">沧州</a> <a href="#">承德</a></li>
                <li><a href="#">邯郸 </a><a href="#">衡水</a></li>
                <li><a href="#">廊坊</a></li>
                <li><a href="#">秦皇岛</a></li>
                <li><a href="#">唐山</a></li>
                <li><a href="#">邢台</a></li>
                <li><a href="#">张家口</a></li>
            </ul>
        </div>
        
        <div id="topshoucang" class="topnone">
        	<p><a href="#">收藏的宝贝</p>
            <p><a href="#">收藏的店铺</p>
        </div>
        
        <div id="topphone" class="topnone">
        	<img src="images/top-phone.jpg" width="150">
        </div>
        
        <div id="topshangjia" class="topnone">
        	<div class="topshangjia-t">
            	<p>商家：</p>
                <ul>
                	<li><a href="#">售后流程</a></li>
                    <li><a href="#">售后流程</a></li>
                    <li><a href="#">售后流程</a></li>
                    <li><a href="#">售后流程</a></li>
                    <li><a href="#">售后流程</a></li>
                    <li><a href="#">售后流程</a></li>
                    <li><a href="#">售后流程</a></li>
                    <li><a href="#">售后流程</a></li>
                </ul>
            </div>
            <div class="topshangjia-b">
            	<p>帮助：</p>
                <p class="p1"><a href="#">帮助中心</a></p>
            </div>
        </div>
        
        <div id="topnav" class="topnone">
        	<div class="topnav-l l">
            	<p class="p1">产品分类 prodect</p>
                <ul>
                	<li><a href="#">食品生鲜</a></li>
                    <li><a href="#">食品生鲜</a></li>
                    <li><a href="#">食品生鲜</a></li>
                    <li><a href="#">食品生鲜</a></li>
                    <li><a href="#">食品生鲜</a></li>
                    <li><a href="#">食品生鲜</a></li>
                    <li><a href="#">食品生鲜</a></li>
                    <li><a href="#">食品生鲜</a></li>
                </ul>
            </div>
            <div class="topnav-c l">
            	<p class="p2">店铺街 market</p>
                <ul>
                	<li><a href="#">食品生鲜</a></li>
                    <li><a href="#">食品生鲜</a></li>
                    <li><a href="#">食品生鲜</a></li>
                    <li><a href="#">食品生鲜</a></li>
                    <li><a href="#">食品生鲜</a></li>
                    <li><a href="#">食品生鲜</a></li>
                    <li><a href="#">食品生鲜</a></li>
                    <li><a href="#">食品生鲜</a></li>
                </ul>
            </div>
            <div class="topnav-r l">
            	<p class="p3">关于我么 aboutus</p>
                <ul>
                	<li><a href="#">食品生鲜</a></li>
                    <li><a href="#">食品生鲜</a></li>
                    <li><a href="#">食品生鲜</a></li>
                    <li><a href="#">食品生鲜</a></li>
                    <li><a href="#">食品生鲜</a></li>
                    <li><a href="#">食品生鲜</a></li>
                    <li><a href="#">食品生鲜</a></li>
                    <li><a href="#">食品生鲜</a></li>
                </ul>
            </div>
        </div>
        
    </div>
    
</div>
<div class="header-wp">
	<div class="header wp">
    	<div class="header-top">
        	<h1 class="l">
            	<a href="#"><img src="../images/logo.jpg"></a>
                <span id="logoadd">邯郸</span>
                
            </h1>
            <form class="header-form l">
            	<p class="p1">
                	<a class="a1 l">宝贝</a>
                    <a class="a2 l">店铺</a>
                </p>
                <p class="p2">
                    <input id="sousuo-txt" type="text" placeholder="请输入关键词"/>
                    <input id="sousuo-btn" type="button" value="搜索"/>
                </p>
                <p class="p3">
                	<a href="#">灯饰</a> | 
                    <a href="#">私房菜</a> | 
                    <a href="#">丛台酒</a> | 
                    <a href="#">非凡旅游</a> | 
                    <a href="#">家居</a> | 
                    <a href="#">三星s6</a> | 
                    <a href="#">苹果</a> 
                </p>
                
            </form>
            
            <div class="header-top-r l">
            	<a href="#"><img src="images/header-top-1.jpg" alt="七天保证"/></a>
                <a href="#"><img src="images/header-top-2.jpg" alt="正品保证"/></a>
                <a href="#"><img src="images/header-top-3.jpg" alt="闪电发货"/></a>
            </div>
        </div>
        <div class="header-bottom">
        	<p>全部商品分类</p>
            <ul class="header-nav l">
            	<li><a href="../index.html">首页</a></li>
                <li><a href="#">食品生鲜</a></li>
                <li><a href="#">店铺街</a></li>
                <li><a href="#">团购</a></li>
                <li><a href="#">预售</a></li>
                <li><a href="#">拍卖</a></li>
                <li><a href="#">积分商城</a></li>
                <li><a href="#">优惠活动</a></li>
                <li><a href="#">智能扫货</a></li>
                <li><a href="#">文章资讯</a></li>
            </ul>
        </div>
    </div>
</div>




<!-------------以上为网页头部搜索栏部分-------------------------------------------->
<div class="shopingCarHead-wp">
	<div class="shopingCarHead wp">
    	<h1><a href="#"></a></h1>
        <div class="shopingCarHeadR"></div>
    </div>
</div>

<div class="shopingMain-wp">
	<div class="shopingMain wp">
    	<div class="shopingAdd">
        	<h2 class="title">1，地址选择</h2>
            <form class="shopingCarAdd">
            	<p class="p1">
                	*收件人：<input type="text"/>
                </p>
                <p class="p2">
                	*所在地区：<select>
                    			<option>选择省份</option>
                    			<option>河南省</option>
                                <option>河南省</option>
                                <option>河南省</option>
                                <option>河南省</option>
                                <option>河南省</option>
                                <option>河南省</option>
                    		 </select>
                             
                             <select>
                    			<option>选择地区</option>
                                <option>河南省</option>
                                <option>河南省</option>
                                <option>河南省</option>
                                <option>河南省</option>
                                <option>河南省</option>
                    		 </select>
                </p>
                <p class="p3">
                	*街道地址：<input type="text"/>
                </p>
                <p class="p4">
                	*电子邮箱：<input type="text"/>
                </p>
                 <p class="p5">
                	*邮编：<input type="text"/>
                </p>
                 <p class="p6">
                	*手机号：<input type="text"/>或固定电话<input type="text"/>
                </p>
                <p class="p7">
                	两项至少填写一项
                </p>
                <a class="a1">确定</a>
            </form>
        </div>
        
        <div class="shopingTime">
        	<h2 class="title">2,送货时间</h2>
            <ul>
            	<li>
                	<input type="radio" name="shopingtime"/>
                    仅工作日送货
                </li>
                <li>
                	<input type="radio" name="shopingtime"/>
                    仅周末送货
                </li>
                <li>
                	<input type="radio" name="shopingtime"/>
                    工作日/周末/假日均可
                </li>
                <li>
                	<input type="radio" name="shopingtime"/>
                    制定送货时间
                </li>
            </ul>
        </div>
        
        <div class="shopingList">
        	<h2 class="title">3,商品清单</h2>
            <table class="shopingListMore">
            	<tr class="tr1">
                	<td>商品</td>
                    <td>数量</td>
                    <td>单价</td>
                    <td>小计</td>
                </tr>
                <tr class="tr2">
                	<td colspan="4">
                    	聚惠买商城
                    </td>
                </tr>
               
            </table>
            <p class="p1">暂不支持收货地址配送</p>
            <p class="p2">你可以选择与你距离相近的自提点上门提货，运费5元</p>
        </div>
        
        <ul class="checkList">
        	<li>
            	开具发票
            	<p>
                	<input type="checkbox"/>
                    开发票
                    <select>
                    	<option>发票类型</option>
                    </select>
                     <select>
                    	<option>请选择发票内容</option>
                    </select>
                </p>
            </li>
            <li>
            缺货处理
            	<p>
                	缺货处理
                    <input type="radio" name="quehuochuli">
                    等待所有商品配齐后发货
                    <input type="radio" name="quehuochuli">
                    取消订单货
                    <input type="radio" name="quehuochuli">
                    与店主协商
                </p>
            </li>
            <li>
            	订单附言
                <p>
                	订单附言
                    <textarea id="dingdanfuyan"></textarea>
                </p>
            </li>
            <li class="lastLi">
            	<input type="checkbox">
                使用账户余额支付
            </li>
        </ul>
        
        <div class="shopingCarP">
        	<p class="p1">该订单完成后你将获得<span>0</span>元红包</p>
            <p class="p2">商品总价<span class="lastMoney">0</span></p>
            <p class="p3">应付款金额<span class="lastSpan lastMoney">0</span></p>
        </div>
        
        <ul class="shopingPayStyle">
        	<h2 class="title">4,支付方式</h2>
        	<li class="first">
            	<input type="radio" name="shopingPayStyle">支付宝网银直连
            </li>
            
            <li>
            	<input type="radio" name="shopingPayStyle">货到付款
            </li>
            
            <li>
            	<input type="radio" name="shopingPayStyle">支付宝/块钱/财付通
            </li>
        </ul>
        
        <div class="shopingCarMinBottom">
        	<a class="a1">返回修改购物车</a>
            <a class="a2">立即结算</a>

        </div>
        
    </div>
</div>

<div class="footer-bottom-wp">
	<div class="footer-bottom wp">
    	<p class="p1">
        	友情链接 ： <a href="#">邢台宜搜人才网</a> | <a href="#">邯郸中小企业网</a> | <a href="#">亿搜人才网</a> | <a href="#">众贤服务网</a> | <a href="#">快递查询</a>
        </p>
        <p class="p2">
        	<a href="#">
            	关于我们
            </a> |
            <a href="#">
            	管理团队
            </a> |
            <a href="#">
            	商家入驻
            </a> |
            <a href="#">
            	媒体报道
            </a> |
            <a href="#">
            	站点地图
            </a> |
            <a href="#">
            	招贤纳士
            </a> |
            <a href="#">
            	帮助中心
            </a> | ICP备案证书号 冀IPC备14019346号-1
        </p>
        <p class="p3">
        	@2005-2016 聚惠买商城 版权所有，并保留所有权利。邯郸市开发区世纪大街2号才智港 tel:400-34234-235235 E-mail:juhuimai@126.com
        </p>
        
    </div>
</div>

<!---------------以上为网页足部版权部分----------------------------------------------------->




<div class="bodyRight">
	
	<ul>
    	<li class="li1 bodyRightBlock"></li>
        <li class="li2 bodyRightBlock">在线销售</li>
        <li class="li3 bodyRightBlock">
        	<p class="p1">
            	调查
            </p1>
        
        	<p class="p2">在线调查</p>
        </li>
        <li class="li4 bodyRightBlock">
        	
            	<a href="#">
					购物车
                </a>
                <span id="carnum">0</span>
            
        </li>
        <li class="li5">
       	    <p class="p1">关注</p1>
        	<p class="p2">关注店铺</p>
        </li>
        <li class="li6">
        	<p class="p1">收藏</p>
            <p class="p2">收藏商品</p>
        </li>
        <li class="li7 bodyRightBlock">
        	<p class="p1"></p>
            <p class="p2">官方微信</p>
        </li>
    </ul>
</div>

<!------------以上是右边侧边栏基本布局，以下是侧边栏，浮动小元素布局-------------------------------------------------------->
<div class="bodyRightHuiyuan none">
	<p class="p1" id="bodyRightHuiyuanName"></p>
    <ul>
    	<li><a class="a1" href="#">会员中心</a></li>
        <li><a class="a2" href="#">订单中心</a></li>
        <li><a class="a3" href="#">账户中心</a></li>
        <li><a class="a4" href="#">我的留言</a></li>
    </ul>
</div>


<div class="bodyRightHuiyuan bodyRightNone">
			<p class="p2"><span>还没有账号?</span><a href="enroll.html">立即注册</a></p>
            <form class="formload">
            	<p class="p1">账户名</p>
                <input id="Name" type="text" placeholder="请输手机号或邮箱号">
                <p class="p2">密码</p>
                <input id="Paw" type="password" placeholder="请输入密码">
                <p class="p3">
                	<input type="checkbox" id="formloadCheckbox"/>
                    <a>请保留我这次的输入信息</a>
                    <a class="a1" href="#">忘记密码</a>
                </p>
                <p class="p4">立即登录</p>
                
                
            </form>
</div>



<div class="bodyRightXiaoshou bodyRightNone">
	<p class="p1">在线销售顾问</p>
    <p class="p2"><a href="#">在线客服</a></p>
    <p class="p3"><a href="#">客服主管</a></p>
</div>

<div class="bodyRightDiaocha bodyRightNone">
	调查基本信息
</div>
<div class="bodyRightCar bodyRightNone">
	<h2>
    	<p class="p1">你的购物车里共有 <span id="bodyRightCarNum">0</span> 件商品</p>
        <a href="car.html">去购物车里结算</a>
    </h2>
   
</div>

<div class="bodyRightWeixin bodyRightNone">
	<p>扫描二维码，有大礼</p>
</div>

<!------------------以上为右侧边栏结构内容----------------------------->




</body>
</html>
